<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./7-登陆注册页面.css">
</head>

<body>
  <div class="container">
    <!-- 登錄 -->
    <div class="login-box">
      <div class="apple-btn login-apple">
        <li class="red-btn"></li>
        <li class="yellow-btn"></li>
        <li class="green-btn"></li>
      </div>
      <div class="title">Login</div>
      <div class="input">
        <input type="text" id="login-user" placeholder="Input You Username">
      </div>
      <div class="input">
        <input type="text" id="login-password" placeholder="Input You Password">
      </div>
      <div class="btn login-btn">
        <span>Login</span>
      </div>
      <div class="change-box login-change">
        <div class="change-btn toSign">
          <span>Register</span>
        </div>
      </div>
    </div>
    <!-- 注冊 -->
    <div class="sign-box">
      <div class="apple-btn sign-apple">
        <li class="green-btn"></li>
        <li class="yellow-btn"></li>
        <li class="red-btn"></li>
      </div>
      <div class="title">Sign</div>
      <div class="input">
        <input type="text" id="sign-user" placeholder="Input You Username">
      </div>
      <div class="input">
        <input type="text" id="sign-password" placeholder="Input You Password">
      </div>
      <div class="btn sign-btn">
        <span>sign</span>
      </div>
      <div class="change-box sign-change">
        <div class="change-btn toLogin">
          <span>Login</span>
        </div>
      </div>
    </div>
  </div>

  <script type="text/javascript" src="./7-登陆注册页面.js">
  </script>
</body>

</html>